hover是我個人覺得設計網頁一定要會的屬性。這可以讓我們的網頁擁有屬於自己的特色以及特別的地方。

他主要的運作是在當你的滑鼠停在自己所設定的元素時會改變顔色之類的。

我先設定一個button在button上設定了css之後

        .btn{
            width: 100px;
            height: 50px;
            background-color: black;
            color: white;
        }
        .btn:hover{
            background-color: white;
            color: black;
        }

他會呈現一開始是這樣的樣式

當我的鼠標滑到這個button上時，會呈現

我們可以利用hover去設計非常多特別的網頁

他也可以使用在鏈接link上，這是css

        .google:hover{
            background-color: aquamarine;
        }
        .youtube:hover{
            background-color: cadetblue;
        }

原本是

這是當鼠標移到鏈接上時會出現的顔色

這些都是可以利用hover去設計出來的。

我們可以去youtube嘗試自己的鼠標是不是移到一些功能時是不是會有陰影或者變色的效果呢，這也可以用hover做出了哦~

這是當我鼠標移到shorts的時候，shorts會有點變顔色這樣的感覺。這就是可以用hover做出來的哦~

我們今天就到這裏啦~我們明天見~